@charset "utf-8";
/* CSS Document */

html,body{
	width: 100%;
	height: 100%;
	background-color:#FEFFFE;
}

.head{
	width: 100%;
	height: 8%;
	background-color: transparent;
}

.logo{
	padding: 0.7em;
	left: 10%;
	font-family: "微软雅黑";
	font-size: 1.5em;
	width: 20%;
	height: auto;
	color: black;
}

.menu{
	
}

.login{
	up:8%;
	height: 100%;
	width: 100%;
	display: flex;
}

.login_info{
	height: 92%;
	width: 65%;
}

.login_info_txt{
	font-family: "微软雅黑";
	font-size: 1.7em;
	left:10%;
	width: 50%;
	height: auto;
	margin: 1%;
}

.login_info_img{
	max-height: 90%;
	max-width: 100%;
	overflow:hidden;
}

.login_item{
	margin-top: 6%;
	width: 35%;
	height: auto;
}

.login_item_welcome{
	font-family: "微软雅黑";
	font-size: 1.4em;
}

.login_item_description{
	max-width: 380px;
	font-family: "微软雅黑";
	font-size: 0.8em;
	color: #9A9999;
}

.login_item_frame{
	width: 100%;
	height: auto;
}
.user{
	background-color: #EEF7F5;
	width: 290px;
	height: 60px;
	display: flex;
}
.password{
	background-color: #fff;
	width: 290px;
	height: 60px;
	display: flex;
	border: 0.01em #62E8E2 dotted;
}
.img_usr{
	width: 30px;
	height: 30px;
	padding: 6%;
}
.img_paswod{
	width: 30px;
	height: 30px;
	padding: 6%;
}

.input{
	margin-top: 5%;
	display: flex;
	flex-direction: column;
	width: auto;
	height:auto
}

.input_hint{
	font-family: "微软雅黑";
	font-size: 0.2em;
	color: #9a9999;
}
.input_sample{
	font-family: "微软雅黑";
	font-size: 0.83em;
}
.input_hint_imgi{
	padding-top: 8%;
	padding-left: 50px;
	width: 20px;
	height: 20px;
}
.input_hint_imgii{
	padding-top: 8%;
	padding-left: 135px;
	width: 20px;
	height: 20px;
}
.login_util{
	margin-top: 20px;
	width: 290px;
	height: auto;
	display: flex;
}
.remember{
	display: flex;
	width: 70%;
}
.remember_img{
	padding-top: 2%;
	padding-left: 5%;
	width: 20px;
	height: 20px;
}
.remember_txt{
	margin-top: 3%;
	margin-left: 3%;
	font-family: "微软雅黑";
	font-size: 0.7em;
	color: grey;
	width: auto;
}
.forget{
	margin-left: 5%;
	width: 25%;
	height: auto;
}
.button{
	margin-top: 5%;
	width: 290px;
	height: 37px;
	display: flex;
}
.login_btn{
	background-color: #79C6B1;
	border: none;
	color: white;
	font-family:"微软雅黑";
	text-align: center;
	text-decoration:none;
	border-radius: 17px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 50px 0 rgba(0,0,0,0.19);
	width: 120px;
	height: 37px;
}
.register_btn{
	margin-left: 50px;
	background-color: white;
	border: none;
	font-family:"微软雅黑";
	text-align: center;
	text-decoration:none;
	border-radius: 17px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.24), 0 12px 57px 0 rgba(0,0,0,0.19);
	width: 120px;
}
.share{
	margin-top: 10%;
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
}
.share_txt{
	font-family: "微软雅黑";
	font-size: 80%;
}
.share_imgs{
	margin-top: 5%;
	display: flex;
	flex-direction: row;
}
.share_img{
	padding-right: 5%;
	width: 25px;
	height: 25px;
}